{extend name='main'}

{block name='content'}

<style>

    .store-total-container {
        font-size: 14px;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }

    .store-total-container .store-total-icon {
        top: 45%;
        right: 8%;
        font-size: 65px;
        position: absolute;
        color: rgba(255, 255, 255, 0.4);
    }

    .store-total-container .store-total-item {
        color: #fff;
        line-height: 4em;
        padding: 15px 25px;
        position: relative;
    }

    .store-total-container .store-total-item > div:nth-child(2) {
        font-size: 46px;
        line-height: 46px;
    }
    .store-total-container .store-total-item {
        color: #fff;
        line-height: 1em;
        padding: 15px 25px;
        position: relative;
    }
    
    .explanation {
        color: #2CBCA3;
        background-color: #EDFBF8;
        display: block;
        width: 99%;
        height: 100%;
        padding: 6px 9px;
        border-radius: 5px;
        position: relative;
        overflow: hidden;
    }

</style>
<div class="think-box-shadow">
<div class="ibox-content fadeInUp animated">

<div class="explanation" id="explanation">
    <div class="title" id="checkZoom"><i class="fa fa-lightbulb-o"></i>
        <h4 title="提示相关设置操作时应注意的要点">说明：</h4>
        <span id="explanationZoom" title="收起提示"></span> </div>
    <ul>
        <li style="color: red;">统计时间是以录单完成时间为统计时间，每天凌晨1点统计前一天点数据，今天的数据需要明天才能统计</li>
    </ul>
</div>
<br>


 
<div class="layui-tab">
  <ul class="layui-tab-title">
    {if auth("admin/palt_charge_stat/statdata")}
    <li><a data-open="{:url('statdata')}">日统计报表</a></li>
    {/if}
    {if auth("admin/palt_charge_stat/statmonth")}
    <li class="layui-this">月统计报表</li>
    {/if}
  </ul>
  <div class="layui-tab-content">
    <div class="layui-tab-item layui-show">
         <fieldset>

    <legend>条件搜索</legend>

    <form class="layui-form layui-form-pane form-search" action="{:request()->url()}" onsubmit="return false" method="get" autocomplete="off">

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">开始时间</label>
            <div class="layui-input-inline">
                <input id="start" name="start_time" value="{$Think.get.start_time|default=''}" placeholder="请选择开始时间" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">结束时间</label>
            <div class="layui-input-inline">
                <input id="end" name="end_time" value="{$Think.get.end_time|default=''}" placeholder="请选择结束时间" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <button class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe615;</i> 搜 索</button>
        </div>
    </form>
   
</fieldset>

<script>form.render()</script>
<!-- 表单搜索 结束 -->   
    <form onsubmit="return false;" data-auto="" method="POST" data-listen="true" novalidate="novalidate">
    <div class="nowrap" style="margin-bottom: 10px;">
        <span style="font-size: 1.3em;">日结算报表</span>
        <div class="nowrap pull-right">
            <!--<button class='layui-btn layui-btn-small layui-btn-normal exportBtn' data-type="1">导出数据</button>-->
        </div>
    </div>
    <table class="layui-table" lay-even="">
        <thead>
        <tr class="layui-bg-green">
            <th>统计时间</th>
            <th>充值总额</th>
            <th>充值总笔数</th>
            <th>总汇豆</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        {foreach $list as $key=>$vo}
        <tr>
            <td>{$vo.add_time}</td>
            <td>{$vo.total_money}</td>
            <td>{$vo.total_pay_num}</td>
            <td>{$vo.total_bean}</td>
            <td>
                <button type="button" data-open="{:url('monthlist')}?id={$vo.id}" class="layui-btn layui-btn-small">查看列表详细</button>
            </td>
        </tr>
         {/foreach}      
     </tbody>
    </table>
    {empty name='list'}<span class="notdata">没有记录哦</span>{else}{$pagehtml|raw|default=''}{/empty}
    </form>

    </div>

    
  </div>
</div>





    </div>
    </div>
<script>
  window.form.render();
  layui.use('laydate', function(){
    var laydate = layui.laydate;
    //常规用法
    laydate.render({
      elem: '#start',
      type:'month'
    });
    laydate.render({
      elem: '#end',
      type:'month'
    });
    
  });

  /*require(['ckeditor', 'angular'], function () {
     window.createEditor('[name="content"]', {height: 200});
     window.createEditor('[name="requirement"]', {height: 200});
     window.createEditor('[name="work_welfare"]', {height: 200});
   });*/
</script>
{/block}
